<link rel="stylesheet" href="/public/static/libs/bui/css/chat.css?gg" />
<!-- 有侧边栏的结构 -->
<div id="sidebar" class="bui-sidebar-wrap">
    <!-- 侧边栏开始 -->
    <div class="bui-sidebar swiperight">
        <div class="personal-info">
            <div class="bui-btn bui-box">
                <div class="ring userface" b-html="app.userinfo.face"><img src="/public/static/images/noface.png"></div>
                <div class="span1">
                    <h3 class="item-title" b-text="app.userinfo.username">齐博</h3>
                    <p class="item-text"> <dd class="glyphicon glyphicon-user"></dd> <i b-text="app.userinfo.group_name"></i></p>
					<p class="item-text"> <dd class="fa fa-database"></dd> 积分：<b b-text="app.userinfo.money"></b> 个</p>
					<p class="item-text"> <dd class="glyphicon glyphicon-yen"></dd> 余额：<b b-text="app.userinfo.rmb"></b> 元</p>
                </div>
                <i class="icon-">&#xe657;</i>
            </div>
        </div>
        <ul class="bui-list">
            <li class="bui-btn bui-box">
                <i class="icon"><i class="si si-credit-card"></i></i>
                <div class="span1 iframe" href="/member.php/coupon/order/index.html">我的优惠券</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon"><i class="si si-handbag"></i></i>
                <div class="span1 iframe" href="/member.php/shop/order/index.html">我的订单</div>
                <span class="bui-badges"></span>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon iframe""><i class="si si-diamond"></i></i>
                <div class="span1 iframe" href="/member.php/member/plugin/execute/plugin_name/marketing/plugin_controller/jifen/plugin_action/index.html">我的积分</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon"><i class="si si-present"></i></i>
                <div class="span1 iframe" href="/index.php/giftshop/index/index.html">积分换礼品</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe679;</i>
                <div class="span1" onclick="window.location.href='/index.php/index/login/quit.html'">退出登录</div>
            </li><!--
            <li class="bui-btn bui-box">
                <i class="icon">&#xe622;</i>
                <div class="span1">菜单六</div>
            </li>-->
        </ul>
        <div class="sidebar-foot bui-fixed-bottom">
            <ul class="bui-nav">
                <li class="bui-btn" href="/public/static/libs/bui/pages/main/member_menu.html">
                     <i class="icon-setting"></i>
                    会员中心 
                </li>                
            </ul>
        </div>
    </div>
	<!-- 侧边栏结束 -->

<div class="bui-page page-chat">
    <header class="bui-bar" id="chat_head">
        <div class="bui-bar-left">
            <a class="bui-btn btn-back"><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main">
            <span id="send_user_name">会话记录</span>
        </div>
		<!-- 有下拉菜单时,需要修改bui-bar-right的overflow属性为可视 -->
        <div class="bui-bar-right" style="overflow:visible;">
			<!-- 不修改文本值 -->
			<div id="right_more" class="bui-dropdown" change="false">
                <div class="bui-btn bui-box-center">
                    <i class="icon-plus"></i>
                </div>
                <ul class="bui-list round" id="TopRightBtn">
                    <!--
                    <li class="bui-btn bui-box" href="/public/static/libs/bui/pages/near/list.html?type=user">
                        <i class="icon-jiahao">&#xe660;</i>
                        <div class="span1">附近的人</div>
                    </li>
					<li class="bui-btn bui-box" href="/public/static/libs/bui/pages/near/list.html?mid=1">
                        <i class="icon-jiahao"><i class="glyphicon glyphicon-map-marker"></i></i>
                        <div class="span1">附近的圈子</div>
                    </li>
					<li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe61d;</i>
                        <div class="span1 iframe" href="/member.php/qun/content/postnew.html">创建群聊</div>
                    </li>-->
					
					<!--
					<ol v-if="to_id<0">
					<li class="bui-btn bui-box" :href="'/public/static/libs/bui/pages/frame/show.html?url=/index.php/qun/show-'+(-to_id)+'.html&title=圈子主页'">
                        <i class="icon-jiahao"><i class="si si-support"></i></i>
                        <div class="span1">圈子主页</div>
                    </li>
                    <li class="bui-btn bui-box" :href="'/public/static/libs/bui/pages/chat/codeimg.html?type=msg&id='+(-to_id)">
                        <i class="icon-jiahao">&#xe657;</i>
                        <div class="span1">直播群聊二维码</div>
                    </li>
					<li class="bui-btn bui-box" :href="'/public/static/libs/bui/pages/chat/codeimg.html?type=home&id='+(-to_id)">
                        <i class="icon-jiahao">&#xe657;</i>
                        <div class="span1">圈子主页二维码</div>
                    </li>
					<li class="bui-btn bui-box" :href="'/public/static/libs/bui/pages/frame/show.html?url=/index.php/p/signin-index-index/id/'+(-to_id)+'.html&title=签到领积分'">
                        <i class="icon-jiahao"><dd class="fa fa-calendar"></dd></i>
                        <div class="span1">签到领积分</div>
                    </li>
				   </ol>
				   <ol v-else>
					<li class="bui-btn bui-box" :href="'/public/static/libs/bui/pages/frame/show.html?url=/member.php/home/'+to_id+'.html&title=个人主页'">
                        <i class="icon-jiahao">&#xe660;</i>
                        <div class="span1">个人主页</div>
                    </li>
				   </ol>
				   -->
                </ul>
            </div>
			<!--
            <a class="bui-btn right-tongji" v-if="from_id!==''"><i class="fa fa-commenting-o"><span class="bui-badges tongji_num">0</span></i></a>
			<a class="bui-btn" v-else-if="to_id>0"><i :href="'/member.php/home/'+to_id+'.html'" class="iframe fa fa-id-badge"></i></a>
			<a class="bui-btn" v-else-if="to_id<0"><i :href="'/index.php/qun/show-'+(-to_id)+'.html'" class="iframe fa fa-telegram"></i></a>
			<a class="bui-btn" v-else><i :href="'/member.php/home/'+me_id+'.html'" class="iframe fa fa-user-circle-o"></i></a>
			-->
        </div>
    </header>	
    <main id="chat_main">
		<div id="remind_online">对方正在输入中,请不要离开!</div>
        <div class="bui-panel chat-panel" id="chat_win">
				<!--
				<ol v-for="rs in listdb">
					<div class="bui-box-center">
						<div class="time">{{rs.create_time}}</div>
					</div>
					<div class="show_username" v-if="rs.qun_id>0&&rs.uid!=userdb.uid">
						{{rs.from_username}}
					</div>
					<div class="bui-box-align-top chat-target" v-if="rs.uid!=userdb.uid">
						<div class="chat-icon"><a href="#" class="iframe"><img :src="rs.from_icon"  onerror="this.src='__STATIC__/images/noface.png'" :title="rs.from_username"></a></div>
						<div class="span1">
							<div class="chat-content bui-arrow-left" v-html="rs.content"></div>
							<i v-if="rs.uid==userdb.uid||rs.touid==userdb.uid" :data-id="rs.id" class="del glyphicon glyphicon-remove-circle"></i>
						</div>
					</div>
					<div class="bui-box-align-top chat-mine" v-else>
						<div class="span1">
							<div class="bui-box-align-right">
							  <i v-if="rs.uid==userdb.uid||rs.touid==userdb.uid" :data-id="rs.id" class="del glyphicon glyphicon-remove-circle"></i>
							  <div class="chat-content bui-arrow-right" v-html="rs.content"></div>
							</div>
						</div>
						<div class="chat-icon"><a href="#" class="iframe"><img :src="rs.from_icon"  onerror="this.src='__STATIC__/images/noface.png'" :title="rs.from_username"></a></div>
					</div>
				</ol>
				-->
        </div>
		<div class="chatbar">
            <div class="bui-input">
                <i class="glyphicon glyphicon-plus-sign" id="show_hack"></i>
				 <textarea class="chatInput"></textarea>
				 <i class="fa fa-smile-o" id="choose_qqface"></i>				 
				<span id="btnSend" class="bui-btn round disabled">发送</span>
            </div>
			<div class="hack_wrap"></div>
			<div class="face_wrap"></div>
        </div>
		<div id="hack_signin"></div>
    </main>
	<!--
    <footer>
        <div class="chatbar">
            <div class="bui-input">
                <textarea id="chatInput"></textarea><span id="btnSend" class="bui-btn round disabled">发送</span>
            </div>
        </div>
    </footer>
	-->	
</div>

</div>